<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>改变Div背景色</title>
<style>
    /* 可选的CSS样式，用于美化 */
    #colorDiv {
        width: 200px;
        height: 200px;
        margin: 20px;
    }
</style>
</head>
<body>

<div id="colorDiv"></div>
<select id="colorSelector">
    <option value="red">红色</option>
    <option value="green">绿色</option>
    <option value="blue">蓝色</option>
    <!-- 根据需要添加更多颜色选项 -->
</select>
<button onclick="changeBackgroundColor()">修改div背景色</button>

<script src="1.js"></script> <!-- 如果使用外部JS文件 -->
</body>
</html>